<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="../static/css/bootstrap.css" >
    <link rel="stylesheet" href="../static/css/style-index.css">

    <title>resume</title>
</head>
<body>
    <nav class="navbar navbar-dark col-lg-12 bg-dark ">
        <div class="toggle float-left" onclick="toggleMenu()">
            <img src="../static/img/menu.jpg" width="36" height="36">
        </div>
        <div class="col-lg-1 " >
            <a class="navbar-brand float-left" href="#">我执为您服务</a>
        </div>

        <div class="navbar-brand col-lg-10 text-center ">
            <span >Talk is cheap,show me your code</span>
        </div>
    </nav>
    <div  class="navigation ">
        <ul>
            <li >
                <a  href = "resume">
                    <span class="icon"><i class="fa fa-comment" aria-hidden="true"></i></span>
                    <span class="title">我的简历</span>
                </a>
            </li>
            <li>
                <a href = "main" >
                    <span class="icon"><i class="fa fa-home" aria-hidden="true" ></i></span>
                    <span class="title" >会议室预约</span>
                </a>
            </li>
            <li >
                <a href = "usercenter">
                    <span class="icon"><i class="fa fa-user" aria-hidden="true"></i></span>
                    <span class="title">用户中心</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="text-center">
        <img src="../static/img/resume.png"  width="645" height="910" >
    </div>
    <script type="text/javascript">
        function toggleMenu(){
            let navigation = document.querySelector('.navigation');
            let toggle = document.querySelector('.toggle');
            navigation.classList.toggle('active');
            toggle.classList.toggle('active');
        }
    </script>
</body>
</html>